<template>
  <!-- template中只允许有一对<div>标签，其他标签需要在这一对里面 -->
  <div class="about">
    <div v-for="(item,index) in imgList" :key="index">
      <ProductImageInformation :productInformation="item"></ProductImageInformation>
    </div>

  </div>
</template>

<script>
import ProductImageInformation from "@/components/ProductImageInformation";

export default {
  name: 'SystemUser',
  components: {
    ProductImageInformation
  },
  data() {
    return {
      imgList: [
        {
          src: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
          productName: '【吴尊同款】HUGO-BOSS...',
          price: '￥859.00',
          url: '/about'
        },
        {
          src: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fc-ssl.duitang.com%2Fuploads%2Fblog%2F202008%2F24%2F20200824231004_ypyhe.thumb.1000_0.jpeg&refer=http%3A%2F%2Fc-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1668066805&t=eeb878aa461224931d98bb3e276f5c83',
          productName: '【吴尊同款】HUGO-BOSS...',
          price: '￥859.00',
          url: '/about'
        },
        {
          src: 'https://img1.baidu.com/it/u=1806937139,611565587&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=458',
          productName: '【吴尊同款】HUGO-BOSS...',
          price: '￥859.00',
          url: '/about'
        }
      ],
      // productInformation: {
      //   src: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
      //   productName: '【吴尊同款】HUGO-BOSS...',
      //   price: '￥859.00',
      //   url: '/about'
      // }
    }
  },
  //vue生命周期钩子函数。vue实例被创建时调用
  created() {

  },
  // 所有的方法都写在methods中。
  methods: {},
};
</script>

<style scoped lang="scss">
.about {
  display: flex;
}
</style>